<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>控制文本中的字母</title>
		<style>
			/* 将字母转成全大写 */
			.uppercase {
				text-transform: uppercase;
			}

			/* 将字母转成全小写 */
			.lowercase {
				text-transform: lowercase;
			}

			/* 将所有单词的第一个字母转成大写 */
			.capitalize {
				text-transform: capitalize;
			}
		</style>
	</head>
	<body>
		<p class="uppercase">This is some text.</p>
		<p class="lowercase">This is some text.</p>
		<p class="capitalize">this is some text.</p>
	</body>
</html>
